<template>
  <div class="flex-column flex-middle">
    <image @click="$emit('change',!selected)" :src="selected?icons[0]: icons[1]"></image>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        icons: ['/static/icon-selected.png','/static/icon-circle.png']
      }
    },
    props: {
      selected: {
        type: Boolean,
        default: false,
      },
    },
  }
</script>

<style lang="less" scoped>
image {
  height: 21px;width: 21px;
}
</style>